<!-- 系统管理页面 -->
  <template>
  <div class="message">服务器端的更新不会立即发布到客户端</div>
  <div class="message">
    点击发布更新，将上个版本之后的服务器端的改动全部更新到客户端
  </div>

  <!-- 发布更新按钮 -->
  <div class="button">
    <el-button class="renewal" @click="open">发布更新</el-button>
  </div>
</template>
<script setup>
import { ElMessage, ElMessageBox } from "element-plus";
import { ElNotification } from "element-plus";
const open = () => {
  ElMessageBox.confirm("确定更新系统吗?", "更新信息", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
  })
    .then(() => {
      ElMessage({
        type: "success",
        message: "成功更新",
      });
      ElNotification({
        title: "成功！",
        message: "更新成功",
        type: "success",
      });
    })
    .catch(() => {
      ElMessage({
        type: "info",
        message: "取消更新",
      });
    });
};
</script>
<style scoped>
.message {
  margin-top: 20px;
  text-align: center;

  color: #cccccc;
}

.button {
  text-align: center;
}
.renewal {
  margin-top: 100px;
  width: 180px;
  height: 40px;
  background-color: rgb(44, 182, 156);
  color: white;
  border-radius: 5px;
}
.el-button:hover {
  background-color: rgb(44, 182, 156);
  color: white;
}
</style>